view{
	box-sizing: border-box;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	// font-weight: normal;
  }
.content{
	padding: 0 32rpx;
	padding-top: 120rpx;
	padding-bottom: 40rpx;
	position: relative;
}
.active-banner{
	width: 686rpx;
	height: 226rpx;
	margin: 0 auto;
}
.set-wrap{
	margin-top: 40rpx;
	.title{
		font-weight: 500;
		font-size: 36rpx;
		color: #FFFFFF;
		line-height: 50rpx;
		margin-bottom: 24rpx;
	}
	
	.item {
		line-height: 100rpx;
		text-align: center;
	}
	
	.set1-box{
		display: flex;
		justify-content: space-between;
		
		.item-box{
			width: 330rpx;
			height: 240rpx;
			background: #242424;
			border-radius: 16rpx;
			padding: 18rpx 24rpx 24rpx 18rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			&.speed{
				width: 332rpx;
				.item-icon{
					width: 40rpx;
					height: 42rpx;
				}
			}
			.item-icon{
				width: 44rpx;
				height: 44rpx;
			}
			.text{
				text-align: right;
				font-weight: 400;
				font-size: 28rpx;
				color: #FFFFFF;
				line-height: 40rpx;
			}
		}
		
	}
	
	.set2-box{
		border-radius: 16rpx;
		padding: 22rpx 24rpx 24rpx 22rpx;
		display: flex;
		flex-direction: column;
		background: #242424;
		margin-top: 40rpx;
		&.set3-box{
			.item-icon{
				width: 40rpx;
				height: 40rpx;
			}
		}
		.item-icon{
			width: 40rpx;
			height: 44rpx;
		}
		.item-img{
			width: 314rpx;
			height: 72rpx;
			margin-top: 34rpx;
			margin-bottom: 4rpx;
		}
		.text{
			text-align: right;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
			line-height: 40rpx;
		}
	}
}

.popup-modal{
	background-color: rgba(34, 34, 34, 0.69);
	z-index: 999999;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	justify-content: center;
	align-items: center;
	.item-box{
		position: absolute;
		width: 330rpx;
		height: 240rpx;
		background: #30B6FF;
		border-radius: 16rpx;
		padding: 18rpx 24rpx 24rpx 18rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		&.speed{
			width: 332rpx;
			background: #8436FF;
			.item-icon{
				width: 40rpx;
				height: 42rpx;
			}
			.text{
				color: #222;
			}
		}
		.item-icon{
			width: 44rpx;
			height: 44rpx;
			position: absolute;
			top: 18rpx;
			left: 18rpx;
		}
		.text{
			width: 92rpx;
			height: 42rpx;
			background: #FFFFFF;
			border-radius: 21rpx;
			font-weight: 400;
			font-size: 28rpx;
			color: #30B6FF;
			line-height: 40rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			bottom: 24rpx;
			right: 24rpx;
		}
	}
	
	.picker-view {
		width: 100%;
		height: 100%;
		text-align: center;
		:deep .uni-picker-view-mask{
			background-image: none!important;
		}
		:deep .my-indicator::after{
			border-bottom:none!important;
		}
		:deep .my-indicator::before{
			border-top:none!important;
		}
		.item{
			width: 108rpx;
			height: 48rpx;
			// padding: 0 32rpx;
			background:transparent;
			border-radius: 24rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 400;
			font-size: 32rpx;
			color: #D4D4D4;
			line-height: 36rpx;
			margin: 0 auto;
			&.active{
				background: #151515;
				color: #F7F7F7;
			}
		}
	}
}